import React from 'react';

import {Router,Route,IndexRoute,browerHistory,Routes,useRouterHistory} from 'react-router';
import { createHashHistory } from 'history';
const appHistory = useRouterHistory(createHashHistory)({ queryKey: false });


import All from './content/all';

import Discover  from './content/discover';
import Toplist  from './content/toplist';
import Playlist  from './content/playlist';
import Djradio  from './content/djradio';
import Artist  from './content/artist';
import Album  from './content/album';
import M  from './content/m'

class navNext extends React.Component{
    
    render(){
        
        return(
            <Router history={appHistory}>
                <Route  className="top"  component={All}>
                    <Route path="/" component={Discover}/>
                    <Route path="/discover" component={Discover}/>
                    <Route path="/discover/toplist" component={Toplist}/>
                    <Route path="/discover/playlist" component={Playlist}/>
                    <Route path="/discover/djradio" component={Djradio}/>
                    <Route path="/discover/artist" component={Artist}/>
                    <Route path="/discover/album" component={Album}/>
                    <Route path="/song" component={M}/>
                    <Route path="/toplist" component={M}/>
                    <Route path="/playlist" component={M}/>
                    <Route path="/album" component={M}/>
                </Route>   
            </Router>
        )
    }
}

module.exports = navNext;